.et-radio {
  display: inline-block;
  cursor: pointer;
  margin-right: 1rem;

  input[type="radio"] {
    display: none;
  }

  span {
    background-color: $white;
    border: 1px solid $et-dark-gray;
    border-radius: 100%;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    margin-right: 0.5rem;
    margin-top: -2px;
    vertical-align: middle;
  }

  input[type="radio"]:checked + span:after {
    background-color: $primary-color;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 0.75rem;
    margin: 2px;
    width: 0.75rem;
    position: absolute;
  }
}
